<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>CMS管理平台</title>
    <link rel="stylesheet" href="css/main.css" type="text/css">
    <link rel="stylesheet" href="css/add_article.css" type="text/css">
    <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/edioArticle.js" defer="defer"></script>
</head>

<body onload="getUserName()">
    <header id="header">
        <div class="logo">
            <h1>后台管理</h1>
        </div>
        <div class="user_box">
            <span id="user_name"></span>
            <a href="javascript:" id="user_logout" onclick="userLogout()"></a>
        </div>
    </header>
    <section>
        <section id="add_article">
            <div style="text-align: right;">
                <button id="submit" onclick="submitArticle()">提交</button>
            </div>
            <div>
                标题：<input type="text" id="add_title" placeholder="请输入文章标题" value=" ">
            </div>
            <div>
                分类：
                <select name="" id="add_category">
                    <option value="前端技术">前端技术</option>
                    <option value="后端技术">后端技术</option>
                    <option value="运维测试">运维测试</option>
                </select>
            </div>
            内容：
            <div id="inputContent">
                <pre id="add_content" contenteditable="true" style="min-height: 70px;outline: none;"></pre>
            </div>
        </section>
    </section>

</body>

</html>